import React from 'react';
import style from './TransferCard.module.css';
export default function TransferCard({ message, onClick }) {
  return (
    <div className={style.cardWrap} onClick={onClick} title="点击查看转账详情">
      <div className={style.iconCol}>
        <svg width="44" height="44" viewBox="0 0 44 44"><circle cx="22" cy="22" r="20" fill="none" stroke="#fff" strokeWidth="2.5"/><path d="M15 22h14m-7-7 7 7-7 7" stroke="#fff" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/></svg>
      </div>
      <div className={style.infoCol}>
        <div className={style.amount}>¥{message.amount}</div>
        <div className={style.status}>待好友确认收钱</div>
        <div className={style.line}></div>
        <div className={style.label}>微信转账</div>
        {message.remark && <div className={style.label} style={{fontSize:'13px',opacity:0.8,marginTop:'2px'}}>备注：{message.remark}</div>}
      </div>
      <span className={style.arrow}></span>
    </div>
  );
} 